<div class="col-md-12">

    <!--页眉-->
    <div class="row col-md-12 text-center pageHead">
        <span class="glyphicon glyphicon-repeat pull-left back-icon" ng-click="backMenu()"></span>
        <span class="pull-left back mt15" ng-click="backMenu()">回功能列表</span>
        <span class="title">
			沈阳怪坡景区销售系统
		</span>
        <span class="glyphicon glyphicon-list-alt pull-right back-icon" ng-click="backMenu()"></span>
        <span class="pull-right back mt15" ng-click="backMenu()">快捷菜单</span>
    </div>

    <div class="list-container panel panel-default mt50">
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-4 text-center memberBox" ng-click="product()">
                    <font class="mt100" size=30>会员产品专区</font>
                </div>
                <div class="col-xs-4 text-center memberBox" ng-click="maintain()">
                    <font class="mt100" size=30>会员卡片维护</font>
                </div>
                <div class="col-xs-4 text-center memberBox" ng-click="cncellation()">
                    <font class="mt100" size=30>会员卡片注销</font>
                </div>
            </div>
        </div>

    </div>

</div>

<style type="text/css">

    .title {
        font-size: 35px;
    }

    .back {
        font-size: 15px;
        vertical-align: middle;
    }

    .back-icon {
        font-size: 15px;
        margin: 15px;
        margin-top: 18px;
        vertical-align: middle;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }

    .row div {
        padding: 0px;
    }

    .ml10 {
        margin-left: 10px;
    }

    .memberBox {
        height: 220px;
        vertical-align: middle;
        border: 3px solid gray;
    }

</style>